$(function () {
  load();
  $("#title").on("keyup", function (event) {
    if (event.keyCode == 13) {
      if ($(this).val() == '') {
        alert('请输入您要进行的操作');
      } else {
        var local = getData();
        //console.log(local);
        local.push({ title: $(this).val(), done: false });
        saveData(local);
        load();
        $(this).val('');
      }
    }
  });
  $("ul,ol").on("click", "a", function () {
    var data = getData();
    var index = $(this).attr("id");
    // console.log(index);
    data.splice(index, 1);
    saveData(data);
    load();
  })
  $("ul,ol").on("click", "input", function () {
    var data = getData();
    var index = $(this).siblings("a").attr("id");
    // console.log(index);
    data[index].done = $(this).prop("checked");
    // console.log(data);
    saveData(data);
    load();
  })
  function getData() {
    var data = localStorage.getItem("todolist");
    if (data !== null) {
      return JSON.parse(data);
    } else {
      return [];
    }
  };
  function saveData(data) {
    localStorage.setItem("todolist", JSON.stringify(data));
  };
  function load() {
    var data = getData();
    $("ol").empty();
    $("ul").empty();
    var todocount = 0;
    var donecount = 0;
    $.each(data, function (i, n) {
      if (n.done) {
        $("ul").prepend("<li><input type='checkbox' checked='checked'> <p> " + n.title + " </p> <a href='#' id=" + i + "></a></li>");
        donecount++;
      } else {
        $("ol").prepend("<li><input type='checkbox' > <p> " + n.title + " </p> <a href='#' id=" + i + "></a></li>");
        todocount++
      }
    });
    $("#todocount").text(todocount);
    $("#donecount").text(donecount);
  }
})